@import "../../../styles/_commonColor.scss";
.orderDetail{
	.payStatus{
		text-align: center;
		padding: .5rem 0 .1rem 0;
		.img{
			width: 1rem;
			height: 1rem;
		}
		.title{
			color: $darkblack;
			font-size: .4rem;
			padding: .1rem 0;
		}
		.message{
			margin: 0 .7rem;
			font-size: .28rem;
			line-height: .48rem;
		}
	}
	.orderList{
		padding: .25rem .3rem;
		font-size: 26rpx;
		color:$deepergray;
		line-height: .4rem;
		background: $white;
		margin-bottom: .24rem;
		.title{
			font-size: .36rem;
			color: $darkblack;
			margin-bottom: .15rem;
		}
		.price{
			font-size: .28rem;
			color: $deepergray;
			overflow: hidden;
			clear: both;
			&>span{
				&:nth-child(2){
					float: right;
				}
			}
		}
		.explain{
			color: $slidergreen;
			font-size: .28rem;
		}
	}
	.payDetail{
		background: $white;
		.payMent{
			padding: 0 .3rem;
			line-height: 1.16rem;
			height: 1.16rem;
			border-bottom: 1PX solid $borderlinegray;
			&>span{
				&:nth-child(1){
					font-size: .3rem;
					color: $deepergray;
				}
				&:nth-child(2){
					float: right;
					font-size: .48rem;
					color: $black;
				}
			}
		}
		.detailMsg{
			padding: .3rem;
			.msg{
				padding: .08rem 0;
				font-size: .28rem;
				color: $deepergray;
				clear: both;
				overflow: hidden;
				&>span{
					&:nth-child(2){
						float: right;
					}
				}
			}
		}
	}
}